<template>
	<div class="page">
		<p class="title">基本用法</p>
		<gr-switch v-model="autoUpdate" @change="change"/>
		<p class="title">自定义尺寸大小</p>
		<p>
			<gr-switch size="60px" v-model="autoUpdate" @change="change"/>
		</p>
		<p class="title">自定义颜色</p>
		<p>
			<gr-switch activeColor="#f40" deactiveColor="#a690ff" v-model="autoUpdate"/>
		</p>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				autoUpdate: false
			}
		},
		mounted() {
			
		},
		methods: {
			change(val) {
				console.log(val, this.autoUpdate);
			}
		}
	}
</script>

<style lang="scss">
	.page {
		padding: 0 10px;
	}
</style>
